<!-- total orders -->
<template>
  <div class="total_sales">
    <common-card
      title="累计订单量"
      value="123,342,901">
      <template>
        <v-chart :option="getOption()"></v-chart>
      </template>
      <template v-slot:footer>
        <span>昨日订单量</span>
        <span class="emphasize">300,000,000</span>
      </template>
    </common-card>
  </div>
</template>

<script>
import commonCardMixin from "@/mixins/commonCardMixin"
export default {
  mixins:[commonCardMixin],
  methods: {
    getOption(){
      return{
        grid:{
          top: 0,
          left: 0,
          bottom:0,
          right:0,
        },
        xAxis:{
          type:"category",
          show:false,
          boundaryGap:false
        },
        yAxis:{
          show:false
        },
        series:[{
          type:"line",
          data:[100,80,30,77,90,58,49,29,10],
          itemStyle:{
            opacity:0
          },
          lineStyle:{
            width:0
          },
          areaStyle:{
            color:"purple"
          },
          smooth:true
        }]
      }
    }
  },
}

</script>

<style lang='less' scoped>

</style>